<html>
<head>
    <meta charset="utf-8">
    <base href="http://x-d-y-3-s.oss-cn-hangzhou.aliyuncs.com"/>
    <link rel="stylesheet" type="text/css" href="http://language-pdd.oss-accelerate.aliyuncs.com/pdd.css">
    <link rel="icon" href="">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title>1.7</title>
    <script type="text/javascript">
        var _thost = 'http://' + window.location.host;
        var pathArr = window.location.pathname.split("/");
        if(pathArr.length==3 && pathArr[1] != ""){
            if(pathArr[1].search(".html")!=-1){

            }else{
                _thost = 'http://' + window.location.host + "/" + pathArr[1];
            }
        } 
        var _tt = new Date().getTime();
        document.write('<script type="text/javascript" src="http://language-pdd.oss-accelerate.aliyuncs.com/lvskdjfkjdyou/config.js?v=' + _tt + '"> <\/script>');
    </script>

    <link rel="stylesheet" href="/fiesc/css/loading_new.css">
    <link rel="stylesheet" type="text/css" href="/fiesc/css/bull17_daoyou_v1.css?v=2Xs020">
    <link rel="stylesheet" type="text/css" href="/fiesc/css/alertbox.css">
    <link rel="stylesheet" type="text/css" href="/files/giftShop_dy/gift.css?v=ss1">
    <link rel="stylesheet" type="text/css" href="/files/css/skin.css?v=s1">
    <link rel="stylesheet" type="text/css" href="/fiesc/css/ncomm.css">
    <script type="text/javascript" src="/fiesc/js/fastclick.js"></script>
    <script type="text/javascript" src="/fiesc/js/aes.js"></script>
    <script type="text/javascript" src="/files/js/md5.js"></script>
    <script type="text/javascript" src="/js/load.js?v=123"></script>
    <script type="text/javascript" src="/pdd2/bbull17.js?v=123"></script>

    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 360 * 100 + 'px';
        window.addEventListener('load', function () {
            FastClick.attach(document.body);
            $("#loadings").hide();
        }, false);
    </script>
    <style type="text/css">
        .f-cb:after {
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            overflow: hidden;
            content: '.';
        }

        body {
            font-family: "微软雅黑", Arial;
            font-size: 0.12rem;
            color: #555;
            letter-spacing: 0px;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-touch-callout: none;
        }

        .game-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 999;
            background-color: rgba(0, 0, 0);
        }

        .w-text {
            color: #fff !important;
            font-size: 3vh !important;
        }

        .s-text {
            color: #FFDC18 !important;
            font-size: 3vh !important;
        }

        .room-gameover {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 999999;
            width: 100%;
            height: 100%;
            background-color: #000;
        }

        .room-gameover-ten {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 999999;
            width: 100%;
            height: auto;
            background-color: #000;
        }

        .chat-list-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 198;
        }

        .chat-list-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
        }

        .chat-list {
            position: fixed;
            right: .0750rem;
            bottom: .6000rem;
            z-index: 99;
            width: 2.3040rem;
            border: .0096rem solid #919191;
            -webkit-border-radius: .096rem;
            -moz-border-radius: .096rem;
            border-radius: .096rem;
            transition: display 1s;
            background-color: rgba(255, 255, 255, .2);
        }

        .chat-list-ul {
            box-sizing: border-box;
            width: 2.1696rem;
            height: 2.6rem;
            overflow: scroll;
            margin: .0672rem;
            padding: .0672rem .0672rem .0240rem .0672rem;
            background-color: #c6b292;
            -webkit-border-radius: .096rem;
            -moz-border-radius: .096rem;
            border-radius: .096rem;
        }

        .chat-list li {
            height: .2688rem;
            line-height: .2688rem;
            margin: 0 0 .0480rem 0;
            padding: 0 .1056rem;
            color: #a95b28;
            font-size: .15rem;
            text-align: left;
            font-weight: bold;
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
            background-color: #fdfaf1;
        }

        .top {
            position: absolute;
            width: 100%;
            height: .4896rem;
            background: url(/fiesc/images/common/niuniu-top-bg1.png) no-repeat;
            background-size: 100% 100%;
            z-index: 100;
        }

        .top .left {
            padding: .1008rem 0 0 .05rem;
            /*flex: 1;*/
        }

        .top .left img {
            width: 0.21824rem;
            vertical-align: middle;
        }

        .top .left span {
            display: inline-block;
            padding: 0 .0736rem 0 0;
            min-width: .4528rem;
            height: .1920rem;
            line-height: .1920rem;
            text-align: right;
            color: #FFF;
            font-size: .1392rem;
            vertical-align: middle;
            margin-left: -0.03rem;
            background-color: #160f0d;
            border-radius: 0 .1128rem .1128rem 0;
        }

        .top .flex-item {
            text-align: center;
            color: #fefefe;
            font-size: .1440rem;
            line-height: 1.5;
            /* flex: 1; */
            /*padding-right: .1444rem;*/
            position: absolute;
            left: 50%;
            transform: translate(-50%);
        }

        .top .right {
            position: absolute;
            width: 1.3rem;
            /* flex: 1; */
            right: 0;
        }

        .top .rules-focus {
            display: inline-block;
            min-width: .7728rem;
        }

        .top .rules-focus span.kefu {
            background-size: 100% 100%;
            right: 1.0rem;
        }

        .top .rules-focus span.watch {
            background: url(/files/images/common/icon_watch2.png) no-repeat;
            background-size: 100% 100%;
            left: 0.94rem;
        }

        .top .rules-focus span.watch .guestNum {
            position: absolute;
            right: 0rem;
            bottom: -0.05rem;
            display: block;
            background: red;
            width: 0.15rem;
            height: 0.15rem;
            line-height: 0.15rem;
            font-size: 12px;
            border-radius: 50%;
            text-align: center;
            font-family: Verdana;
        }

        .top .rules-focus span.rules {
            background: url(/fiesc/images/common/game-rules.png) no-repeat;
            background-size: 100% 100%;
            left: 0.54rem;
        }

        .top .rules-focus span {
            position: absolute;
            width: 0.32rem;
            height: 0.32rem;
            top: .1104rem;
        }

        .top .rules-focus span.return-index {
            background: url(/files/images/daoyou/game/send_to_chat.png) no-repeat;
            background-size: 100% 100%;
            left: 0.1rem;
        }

        .flex-cont {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
        }

        .flex-cont .flex-item {
            -webkit-flex: 1;
            flex: 1;
        }

        .window-masks.return-index .container {
            border: .0096rem solid #afb0b2;
        }

        .window-masks.return-index .main {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            width: 1.8rem;
            min-height: 0.8rem;
            background-color: #302b91;
            border: .0048rem solid #fff;
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
            margin: 0.35rem 0.35rem 0.2rem 0.35rem;
            padding: .0960rem;
            color: #fff;
            font-size: .23rem;
            text-align: justify;
        }

        .window-masks.return-index .container .button {
            position: relative;
            text-align: center;
            margin-bottom: .0960rem;
        }

        .window-masks.return-index .container .sure, .window-masks.return-index .container .cancel {
            display: inline-block;
            width: 0.9rem;
            height: .3312rem;
            line-height: 0.3312rem;
            font-size: .1800rem;
            text-align: center;
            margin: 0 .0480rem;
            color: #fff;
        }

        .window-masks.return-index .container .sure {
            background: url(/files/images/daoyou/common/btn1.png) no-repeat;
            background-size: 100% 100%;
        }

        .window-masks.return-index .container .cancel {
            background: url(/files/images/daoyou/common/btn2.png) no-repeat;
            background-size: 100% 100%;
        }

        .window-masks .border-opacity-v2 {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border: .0096rem solid rgba(234, 202, 137, .6);
            -webkit-border-radius: .076rem;
            -moz-border-radius: .076rem;
            border-radius: .076rem;
            background-color: rgba(35, 42, 68, .8);
            padding: .0720rem;
        }

        .window-masks.return-index .border-opacity-v2 .main {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            width: 2.7280rem;
            min-height: 1.2096rem;
            background-color: rgba(68, 68, 174, .5);
            border: .0048rem solid #19256d;
            -webkit-border-radius: .076rem;
            -moz-border-radius: .076rem;
            border-radius: .076rem;
            margin: .1200rem;
            padding: .0960rem;
            color: #e8b24c;
            font-size: .2304rem;
            text-align: justify;
        }

        .window-masks.return-index .border-opacity-v2 .container {
            border: none;
        }

        .window-masks.return-index .border-opacity-v2 .container .button {
            position: relative;
            text-align: center;
            margin-bottom: .0960rem;
            margin-top: .16rem;
            overflow-y: hidden;
        }

        .window-masks.return-index .border-opacity-v2 .container .sure, .window-masks.return-index .border-opacity-v2 .container .cancel {
            display: inline-block;
            width: 1.0272rem;
            height: .3696rem;
            font-size: .15441rem;
            line-height: .38rem;
            text-align: center;
            margin: 0 .086rem;
            color: #fff;
            font-weight: bold;
        }

        .window-masks.return-index .border-opacity-v2 .container .sure {
            background: url(/fiesc/images/newgame/decIndex-button1.png) no-repeat;
            background-size: 100% 100%;
            -webkit-text-stroke-width: 0.0048rem;
            -webkit-text-stroke-color: #14309f;
        }

        .window-masks.return-index .border-opacity-v2 .container .cancel {
            background: url(/fiesc/images/newgame/decIndex-button2.png) no-repeat;
            background-size: 100% 100%;
            -webkit-text-stroke-width: 0.0048rem;
            -webkit-text-stroke-color: #9e5f0f;
        }

        .window-masks .border-opacity-thirteen {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-border-radius: .076rem;
            -moz-border-radius: .076rem;
            border-radius: .076rem;
            background-color: rgba(57, 81, 130, 1);
            padding: .0720rem .108rem;
        }

        .window-masks.return-index .border-opacity-thirteen .main {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            width: 2.7280rem;
            min-height: 1.2096rem;
            background-color: rgba(0, 0, 0, 0);
            border: none;
            -webkit-border-radius: .076rem;
            -moz-border-radius: .076rem;
            border-radius: .076rem;
            margin: 0;
            padding: .0960rem;
            color: rgba(18, 63, 100, 0.7);
            font-size: .2304rem;
            text-align: justify;
        }

        .window-masks.return-index .border-opacity-thirteen .container {
            border: none;
            background-color: #8ad5e4;
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
        }

        .window-masks.return-index .border-opacity-thirteen .container .button {
            position: relative;
            text-align: center;
            margin-bottom: 0;
            margin-top: .16rem;
            overflow-y: hidden;
        }

        .window-masks.return-index .border-opacity-thirteen .container .sure, .window-masks.return-index .border-opacity-thirteen .container .cancel {
            display: inline-block;
            width: 1.0272rem;
            height: .3696rem;
            margin: 0 .086rem;
        }

        .window-masks.return-index .border-opacity-thirteen .container .sure {
            background: url(/fiesc/images/newgame/return-index-btn.png) no-repeat;
            background-size: 100% 100%;
        }

        .window-masks.return-index .border-opacity-thirteen .container .cancel {
            background: url(/fiesc/images/newgame/cancel.png) no-repeat;
            background-size: 100% 100%;
        }

        .rules-daoyou-mask .content .flex-cont.color-value span {
            width: .288rem;
            height: .288rem;
        }

        .rules-daoyou-mask .content .color-value span:nth-child(1) {
            background: url(/fiesc/images/newgame/card0.png) no-repeat center center;
            background-size: auto 85%;
        }

        .rules-daoyou-mask .content .color-value span:nth-child(2) {
            background: url(/fiesc/images/newgame/card1.png) no-repeat center center;
            background-size: auto 85%;
        }

        .rules-daoyou-mask .content .color-value span:nth-child(3) {
            background: url(/fiesc/images/newgame/card2.png) no-repeat center center;
            background-size: auto 85%;
        }

        .rules-daoyou-mask .content .color-value span:nth-child(4) {
            background: url(/fiesc/images/newgame/card3.png) no-repeat center center;
            background-size: auto 85%;
        }


        .sidelines-mask {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 999;
            background-color: rgba(0, 0, 0, .5);
        }

        .sidelines-content {
            box-sizing: border-box;
            position: fixed;
            right: -3.5rem;
            top: 0rem;
            z-index: 999;
            width: 50%;
            min-height: 3.5rem;
            background-color: rgba(17, 23, 35, .9);
            padding: .4320rem .1200rem 0;
            -webkit-border-radius: 0 0 .0480rem .0480rem;
            -moz-border-radius: 0 0 .0480rem .0480rem;
            border-radius: 0 0 .0480rem .0480rem;
            font-family: '黑体';
            -webkit-transition: right .3s;
            -moz-transition: right .3s;
            -ms-transition: right .3s;
            -o-transition: right .3s;
            transition: right .3s;
        }

        .sidelines-num {
            height: .2112rem;
            line-height: .2112rem;
            font-size: .1152rem;
            text-align: center;
            color: #fff;
            background-color: rgba(45, 67, 103, .8);
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
            margin-bottom: .2880rem;
        }

        .sidelines-num i {
            color: #dbe5a1;
        }

        .sidelines-list {
            padding: .2400rem 0 .1200rem;
            background: rgba(45, 67, 103, .8) url(/fiesc/images/newgame/sidelines-list-bg.png) no-repeat center .0480rem / 100% auto;
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
            margin-bottom: .2400rem;
        }

        .sidelines-box {
            overflow-x: hidden;
            overflow-y: auto;
            height: 1.2000rem;
        }

        .sidelines-item {
            position: relative;
            height: .3072rem;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            margin-bottom: .0480rem;
            background: url(/fiesc/images/newgame/sidelines-item.jpg) no-repeat center center / 100% 100%;
        }

        .sidelines-path {
            overflow: hidden;
            width: .2880rem;
            height: .2880rem;
            margin: 0 .0480rem;
        }

        .sidelines-path img {
            width: 100%;
            height: 100%;
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
        }

        .sidelines-info {
            overflow: hidden;
            height: 100%;
            line-height: 1;
            -webkit-flex: 1;
            flex: 1;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: .1920rem;
            color: #fff;
            font-size: .1152rem;
        }

        .sidelines-name {
            overflow: hidden;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .sidelines-icon {
            position: absolute;
            right: .0120rem;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: .1248rem;
            height: .0768rem;
            background: url(/fiesc/images/newgame/sidelines-icon.png) no-repeat 0 0 / 100% 100%;
        }

        .sidelines-join-game {
            margin: 0 auto;
            width: .7200rem;
            height: .2400rem;
            line-height: .2400rem;
            color: #eefaff;
            text-align: center;
            background-color: #46bdf4;
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
        }

        .sidelines-look-game {
            margin: 0 auto;
            width: .900rem;
            height: .300rem;
            color: #eefaff;
        }

        .sidelines-look-game img {
            width: 100%;
            height: 100%;
        }

        .sidelines-join-game {
            background-color: #88d23a;
        }

        .sidelines-close {
            position: absolute;
            left: 50%;
            bottom: 0;
            width: .1104rem;
            height: .1440rem;
            background: url(/fiesc/images/newgame/sidelines-closr.png) no-repeat center center / 100% 100%;
        }

        .window-masks {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 99999;
            background-color: rgba(0, 0, 0, 1);
        }

        .window-masks .border-opacity {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            padding: .0720rem;
            background: url(/files/images/daoyou/common/back_home_box.png);
            background-size: 100% 100%;
        }

        .window-masks .border-opacity .container {
            position: relative;
            background-color: #d1e2f6;
            -webkit-border-radius: .0480rem;
            -moz-border-radius: .0480rem;
            border-radius: .0480rem;
        }

        .points {
            position: fixed;
            left: 50%;
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -ms-transform: translate(-50%);
            -o-transform: translate(-50%);
            transform: translate(-50%);
            bottom: .0576rem;
            width: .8640rem;
            height: .2400rem;
            line-height: .2400rem;
            text-align: center;
            background-color: rgba(0, 0, 0, .5);
            border-radius: .1200rem;
            color: #FFF;
            font-size: .1440rem;
            z-index: 100;
        }

        .top-item, .points {
            height: .1968rem;
            line-height: .1968rem;
        }

        @-webkit-keyframes circular {
            from {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
            }
            to {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes circular {
            from {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
            }
            to {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-webkit-keyframes rotate_load {
            0% {
                background-position: 0 0;
                -webkit-transform: rotateY(90deg);
                -moz-transform: rotateY(90deg);
                -ms-transform: rotateY(90deg);
                -o-transform: rotateY(90deg);
                transform: rotateY(90deg);
            }
            24% {
                background-position: 0 0;
                -webkit-transform: rotateY(270deg);
                -moz-transform: rotateY(270deg);
                -ms-transform: rotateY(270deg);
                -o-transform: rotateY(270deg);
                transform: rotateY(270deg);
            }
            25% {
                background-position: -56px 0;
                -webkit-transform: rotateY(270deg);
                -moz-transform: rotateY(270deg);
                -ms-transform: rotateY(270deg);
                -o-transform: rotateY(270deg);
                transform: rotateY(270deg);
            }
            49% {
                background-position: -56px 0;
                -webkit-transform: rotateY(450deg);
                -moz-transform: rotateY(450deg);
                -ms-transform: rotateY(450deg);
                -o-transform: rotateY(450deg);
                transform: rotateY(450deg);
            }
            50% {
                background-position: -112px 0;
                -webkit-transform: rotateY(450deg);
                -moz-transform: rotateY(450deg);
                -ms-transform: rotateY(450deg);
                -o-transform: rotateY(450deg);
                transform: rotateY(450deg);
            }
            74% {
                background-position: -112px 0;
                -webkit-transform: rotateY(630deg);
                -moz-transform: rotateY(630deg);
                -ms-transform: rotateY(630deg);
                -o-transform: rotateY(630deg);
                transform: rotateY(630deg);
            }
            75% {
                background-position: -168px 0;
                -webkit-transform: rotateY(630deg);
                -moz-transform: rotateY(630deg);
                -ms-transform: rotateY(630deg);
                -o-transform: rotateY(630deg);
                transform: rotateY(630deg);
            }
            100% {
                background-position: -168px 0;
                -webkit-transform: rotateY(810deg);
                -moz-transform: rotateY(810deg);
                -ms-transform: rotateY(810deg);
                -o-transform: rotateY(810deg);
                transform: rotateY(810deg);
            }
        }


        @keyframes rotate_load {
            0% {
                background-position: 0 0;
                -webkit-transform: rotateY(90deg);
                -moz-transform: rotateY(90deg);
                -ms-transform: rotateY(90deg);
                -o-transform: rotateY(90deg);
                transform: rotateY(90deg);
            }
            24% {
                background-position: 0 0;
                -webkit-transform: rotateY(270deg);
                -moz-transform: rotateY(270deg);
                -ms-transform: rotateY(270deg);
                -o-transform: rotateY(270deg);
                transform: rotateY(270deg);
            }
            25% {
                background-position: -56px 0;
                -webkit-transform: rotateY(270deg);
                -moz-transform: rotateY(270deg);
                -ms-transform: rotateY(270deg);
                -o-transform: rotateY(270deg);
                transform: rotateY(270deg);
            }
            49% {
                background-position: -56px 0;
                -webkit-transform: rotateY(450deg);
                -moz-transform: rotateY(450deg);
                -ms-transform: rotateY(450deg);
                -o-transform: rotateY(450deg);
                transform: rotateY(450deg);
            }
            50% {
                background-position: -112px 0;
                -webkit-transform: rotateY(450deg);
                -moz-transform: rotateY(450deg);
                -ms-transform: rotateY(450deg);
                -o-transform: rotateY(450deg);
                transform: rotateY(450deg);
            }
            74% {
                background-position: -112px 0;
                -webkit-transform: rotateY(630deg);
                -moz-transform: rotateY(630deg);
                -ms-transform: rotateY(630deg);
                -o-transform: rotateY(630deg);
                transform: rotateY(630deg);
            }
            75% {
                background-position: -168px 0;
                -webkit-transform: rotateY(630deg);
                -moz-transform: rotateY(630deg);
                -ms-transform: rotateY(630deg);
                -o-transform: rotateY(630deg);
                transform: rotateY(630deg);
            }
            100% {
                background-position: -168px 0;
                -webkit-transform: rotateY(810deg);
                -moz-transform: rotateY(810deg);
                -ms-transform: rotateY(810deg);
                -o-transform: rotateY(810deg);
                transform: rotateY(810deg);
            }
        }

        .copy-tip {
            background: rgba(0, 0, 0, .6);
            color: #fff;
            position: fixed;
            bottom: .6rem;
            font-size: .15rem;
            border-radius: 5px;
            padding: 10px;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: 89;
        }

        #room_str {
            position: fixed;
            top: -300px;
        }

        .zhuonuo {
            position: fixed;
            width: 0.32rem;
            height: 0.32rem;
            top: .1104rem;
            right: 0.45rem;
            z-index: 109;
        }

        .zhuonuo2 {
            position: fixed;
            width: 4.5vh;
            height: 4.5vh;
            bottom: 0.75vh;
            right: 17.5vh;
            z-index: 110;
        }

        
        .auto-ready6, .auto-ready10 {
            position: absolute;
            bottom: .05rem;
            width: .34rem;
            height: .34rem;
            z-index: 100;
            right: 0.85rem;
        }

        .auto-ready6 img, .auto-ready10 img {
            width: 100%;
        }

        .auto-ready13, .auto-ready15, .auto-ready17 {
            position: absolute;
            bottom: 0.75vh;
            width: 4.5vh;
            height: 4.5vh;
            z-index: 100;
            right: 28.5vh;
        }

        .auto-ready13 img, .auto-ready15 img, .auto-ready17 img {
            width: 100%;
        }

        #dialog {
            position: fixed;
            width: 300px;
            height: 150px;
            padding: 10px;
            box-sizing: border-box;
            background: #fff;
            font-size: 16px;
            left: 50%;
            top: 50%;
            margin-left: -150px;
            margin-top: -75px;
            border-radius: 10px;
            z-index: 99;
        }

        #dialog .main {
            word-wrap: break-word;
            word-break: normal;
        }

        #dialog .other {
            text-align: center;
            margin-top: 38px
        }

        #dialog img {
            position: absolute;
            top: -20px;
            right: -20px;
            width: 35px;
        }

        .game-round {
            position: absolute;
            color: #fff;
            z-index: 99;
            width: 1rem;
            left: 50%;
            text-align: center;
            transform: translateX(-50%);
            font-size: 16px;
        }

        .game-points {
            position: absolute;
            z-index: 9;
            color: #fff;
            left: 50%;
            text-align: center;
            transform: translateX(-50%);
            top: 0.4rem;
            width: 0.8rem;
            height: 0.25rem;
            line-height: 0.25rem;
            border-radius: 0.12rem;
            background: rgba(0, 0, 0, 0.4);
        }

        .bottomTab {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 6vh;
            z-index: 89;
        }

        .bottomRoomCard {
            position: fixed;
            bottom: 0.75vh;
            left: 2vh;
            z-index: 90;
            height: 4.5vh;
        }

        .bottomRoomCard img {
            height: 4.5vh;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 90;
        }

        .bottomRoomCard .num {
            display: inline-block;
            padding: 0 .05rem 0 0;
            min-width: .4528rem;
            height: .1920rem;
            line-height: .1920rem;
            text-align: right;
            color: #FFF;
            font-size: .1392rem;
            margin-top: 0.03rem;
            vertical-align: middle;
            background-color: #160f0d;
            border-radius: 0 .1128rem .1128rem 0;
        }

        .bottomWatch {
            background: url(/files/images/common/icon_watch2.png) no-repeat;
            background-size: 100% 100%;
            position: fixed;
            bottom: 0.75vh;
            right: 12vh;
            width: 4.5vh;
            height: 4.5vh;
            z-index: 90;
        }

        .bottomWatch .guestNum {
            position: absolute;
            right: -0.05rem;
            top: -0.05rem;
            display: block;
            color: #fff;
            background: red;
            width: 0.15rem;
            height: 0.15rem;
            line-height: 0.15rem;
            font-size: 12px;
            border-radius: 50%;
            text-align: center;
            font-family: Verdana;
        }

        .indiv-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .7);
            z-index: 90;
        }

        .indiv-box {
            width: 2.7rem;
            height: 3.2rem;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(/files/images/daoyou/page/set-indiv-bg.png) no-repeat;
            background-size: 100% 100%;
            z-index: 82;
        }

        .indiv-box-info {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .tip-text {
            width: 82vw;
            height: 19vh;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(/files/images/daoyou/indiv/text3.png) no-repeat;
            background-size: 100% 100%;
        }

        .indiv-mask .person-info {
            position: relative;
            height: 8vh;
            margin-left: 4vw;
            font-size: 0.15rem;
            color: #f59b7e;
        }

        .indiv-title {
            height: 0.75rem;
        }

        .indiv-content {
            height: 1.5rem;
            width: 90%;
            margin: 0 auto;
        }

        .indiv-content .person-info .avatar {
            position: absolute;
            width: 50px;
            height: 50px;
        }

        .indiv-content .person-info .name {
            position: absolute;
            left: 60px;
            top: 5px;
            width: 42vw;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .indiv-content .person-info .id {
            position: absolute;
            left: 60px;
            top: 30px;
        }

        .indiv-content .my-indiv {
            margin-top: 5vh;
            font-size: 0.15rem;
            margin-left: 4vw;
        }

        .indiv-content .my-indiv .label {
            color: #8a6737;
        }

        .indiv-content .my-indiv .my-indiv-text {
            color: #f59b7e;
        }

        .confirm-indiv2 {
            background: url(/files/images/daoyou/hall/confirm.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            bottom: 2vh;
            left: 50%;
            transform: translateX(-50%);
            width: 1.1rem;
            height: 0.4rem;
        }

        .hide-indiv {
            position: absolute;
            width: 0.42rem;
            height: 0.42rem;
            right: 0.05rem;
            top: 0.03rem;
            background: url(/files/images/daoyou/hall/close.png) no-repeat;
            background-size: 100% 100%;
            z-index: 200;
        }

        .tip {
            position: absolute;
            width: 2rem;
            height: 0.2rem;
            line-height: 0.2rem;
            left: 50%;
            transform: translateX(-50%);
            top: 2.4rem;
        }

        .enter-indiv {
            position: absolute;
            width: 2rem;
            height: 0.4rem;
            left: 50%;
            transform: translateX(-50%);
            top: 2rem;
        }

        .enter-indiv input {
            width: 100%;
            height: 100%;
            text-indent: 10px;
            font-size: 0.15rem;
            background: url(/files/images/daoyou/page/input-bg.png) no-repeat;
            background-size: 100% 100%;
        }

        .confirm-indiv {
            background: url(/files/images/daoyou/hall/confirm.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            bottom: 0.1rem;
            left: 50%;
            transform: translateX(-50%);
            width: 1.1rem;
            height: 0.4rem;
        }

        .chat {
            right: 0.05rem;
            background: url(/files/images/common/game-chat02.png) no-repeat;
            background-size: 100% 100%;
        }

        .music {
            right: .6048rem;
        }

        .music, .chat {
            position: absolute;
            bottom: .05rem;
            width: .34rem;
            height: .34rem;
            text-align: center;
            line-height: .3744rem;
            z-index: 100;
        }

        .music img:last-of-type {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: .3744rem;
            height: .3744rem;
        }

        .hall {
            position: absolute;
            bottom: .05rem;
            right: 0.45rem;
            width: .34rem;
            height: .34rem;
            text-align: center;
            line-height: .3744rem;
            z-index: 100;
        }

        .toChat {
            position: absolute;
            bottom: 0.75vh;
            right: 22.5vh;
            width: .34rem;
            height: .34rem;
            text-align: center;
            line-height: .3744rem;
            z-index: 100;
        }

        .qrcode {
            position: fixed;
            bottom: 0.75vh;
            right: 35vh;
            width: 4.5vh;
            height: 4.5vh;
            z-index: 91;
        }

        .qrcode-box-info {
            padding-top: 40;
            padding-left: 5;
            position: relative;
            width: 100%;
            height: 100%;
        }

        .qrcode-title {
            height: 0.75rem;
        }

        .qrcode-box {
            width: 2.7rem;
            height: 3.2rem;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: url(/files/images/daoyou/page/set-indiv-bg.png) no-repeat;
            background-size: 100% 100%;
            z-index: 120;
        }

        .hide-qrcode {
            position: absolute;
            width: 0.42rem;
            height: 0.42rem;
            right: 0.05rem;
            top: 0.03rem;
            background: url(/files/images/daoyou/hall/close.png) no-repeat;
            background-size: 100% 100%;
            z-index: 200;
        }

        .icon-more-mask {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 108;
            display: none;
        }

        .icon-more {
            background: url(/files/images/common/icon_more.png) no-repeat;
            background-size: 100% 100%;
            padding: 0.05rem 0 0.05rem 0.15rem;
            position: fixed;
            right: -0.35rem;
            bottom: 0.6rem;
            z-index: 109;
            -webkit-transition: right .3s;
            -moz-transition: right .3s;
            -ms-transition: right .3s;
            -o-transition: right .3s;
            transition: right .3s;
        }

        .icon-more .game-indiv {
            display: block;
            width: 0.3rem;
            height: 0.35rem;
            background: url(/files/images/common/game-indiv.png) no-repeat;
            background-size: 100% 100%;
        }

        .icon-more .game-rule {
            display: block;
            width: 0.3rem;
            height: 0.35rem;
            background: url(/files/images/common/game-rule.png) no-repeat;
            background-size: 100% 100%;
            margin-top: 0.05rem;
        }

        .icon-more .game-sound {
            display: block;
            width: 0.3rem;
            height: 0.35rem;
            background: url(/files/images/common/game-sound.png) no-repeat;
            background-size: 100% 100%;
            margin-top: 0.05rem;
        }

        .individuaFrame {
            z-index: 111;
        }

        
        .audioRoom-pj {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 109;
        }

        .audioRoom-pj .audioRoomBack {
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.6;
        }

        .audioRoom-pj .mainPart {
            width: 3rem;
            height: 2rem;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
        }

        .audioRoom-pj .mainPart .createB {
            background: url(/files/images/common/music-box.png) no-repeat;
            background-size: 100% 100%;
            width: 100%;
            height: 100%;
            top: 0%;
            left: 0%;
            position: absolute;
            border-radius: 10px;
        }

        .audioRoom-pj .mainPart .createTitle {
            position: relative;
            height: 5vh;
            text-align: center;
        }

        .audioRoom-pj .mainPart .createTitle img {
            position: relative;
            height: 2.6vh;
            margin-top: 1.2vh;
        }

        .audioRoom-pj .mainPart .cancelCreate {
            width: 0.5rem;
            height: 0.5rem;
            top: -0.15rem;
            right: -0.15rem;
            position: absolute;
        }

        .audioRoom-pj .mainPart .createCommit {
            position: absolute;
            line-height: 5.5vh;
            height: 5.5vh;
            font-size: 2.5vh;
            width: 17vh;
            left: 50%;
            margin-left: -8.5vh;
            bottom: -7vh;
            text-align: center;
            background: url("../images/common/button2.png");
            background-size: 100%;
            color: #fff;
        }

        .audioRoom-pj .mainPart .blueBack {
            width: 42vh;
            height: 14vh;
            margin: 0 auto;
            position: relative;
            top: 0.5rem;
        }

        .audioRoom-pj .mainPart .blueBack .selectPart {
            width: 100%;
            margin-top: 4px;
            font-size: 2.2vh;
            position: relative;
            color: #b57c2e;
            border-radius: 0px;
            font-family: simHei;
            height: 4vh;
            line-height: 4vh;
            padding: 0.8vh 0;
            display: flex;
        }

        .audioRoom-pj .mainPart .blueBack .selectPart .selectTitle {
            float: left;
            width: 13vh;
            text-align: right;
            flex: 2;
        }

        .audioRoom-pj .mainPart .blueBack .selectPart .selectBox {
            float: left;
            height: 2.2vh;
            width: 1rem;
            margin-top: 0.7vh;
            flex: 3;
        }

        .audioRoom-pj .mainPart .blueBack .selectPart .selectBox img {
            float: left;
            height: 2.2vh;
            width: 100%;
            margin-top: 0.7vh;
        }

        .audioRoom-pj .mainPart .blueBack .selectPart .selectText {
            float: left;
            margin-left: 0.8vh;
            flex: 1;
        }

        .audioRoom-pj .mainPart .blueBack .selectPart .selectText img {
            width: 0.25rem;
            height: 0.25rem;
        }

        .rules-daoyou-mask .content .flex-cont {
            background: url(/files/images/common/rules-line.png) no-repeat left bottom;
            background-size: 100% auto;
            align-items: center;
            padding: .0520rem 0 .0520rem 0.05rem;
            font-size: .14rem;
            line-height: 1.5;
            text-align: left;
            color: #e5652b;
            width: 80%;
            margin: 0 auto;
        }

        .rules-daoyou-mask .close, .focus-mask .close, .share-mask .close {
            position: absolute;
            left: 50%;
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -ms-transform: translate(-50%);
            -o-transform: translate(-50%);
            transform: translate(-50%);
            width: .2688rem;
            height: .2688rem;
            background: url(/fiesc/images/newgame/niuniu-close.png) no-repeat;
            background-size: 100% 100%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .rules-daoyou-mask, .focus-mask, .share-mask {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 999;
            background-color: rgba(0, 0, 0, .6);
        }

        .rules-daoyou-mask .content {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            padding: .0720rem;
            width: 3.3rem;
            text-align: center;
        }

        .rules-daoyou-mask .content .rule-title {
            background: url(/files/images/common/rule-title.png);
            background-size: 100% 100%;
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.2rem;
            color: #f8e30a;
        }

        .rules-daoyou-mask .content .niuniu-rules {
            background: url(/files/images/common/rules-item.png);
            background-size: 100% auto;
            height: 3.3000rem;
            margin-top: -1px;
            overflow: scroll;
        }

        .rules-daoyou-mask .content .niuniu-rules .name {
            /*width: 1.4rem;*/
        }

        .rules-daoyou-mask .content .rules-bottom {
            background: url(/files/images/common/rules-bottom.png);
            background-size: 100% 100%;
            height: 0.2rem;
        }
    </style>
</head>

<body>
<div id="dialog" style="display:none">
    <img src="/fiesc/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
    <p id="main" class="main">
    </p>
    <p class="other pdd00296">
        
    </p>
</div>
<span class="copy-tip pdd00297" id="tips" style="display:none"></span>

<textarea id="room_str" readonly="readonly"></textarea>



<div class="main" id="app-main"
     style="position: relative; width: 100%;margin: 0 auto; background: #fff; display: none;">
    <span class="copy-tip" v-if="isShowTipsText" style="z-index: 200;">{{tipsText}}</span>

    <div style="width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 110;background: #d8dbdb;"
         v-if="isShowLoading">
        <img class="loadingNum" src="/files/images/daoyou/loading/loading_bg.png"
             style="position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 26vw;">
        <img class="loadingNum" :src="'/files/images/daoyou/loading/' + loadingNum + '.png'"
             style="position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 13vw;">
    </div>

    
    <span class="copy-tip pdd00298" id="tips" style="display:none"></span>
    <img src="/files/images/common/icon_copy2.png" v-if="globalData.maxCount<=10" class="needsclick zhuonuo"
         id="copy_btn" @click="copyLink"/>
    <img src="/files/images/common/icon_copy2.png" v-if="globalData.maxCount>10" class="needsclick zhuonuo2"
         id="copy_btn" @click="copyLink"/>
    <textarea id="room_str" readonly="readonly"></textarea>

    
    <img src="/files/images/guest/is_watching.png" style="position: fixed;z-index: 90;width: 50%;left: 25%;top: 50%;"
         v-show="isWatching==1">
    <div class="sidelines-mask" style="display:none" v-on:click="hideGuests"></div>
    <div class="sidelines-content">
        <div class="sidelines-num pdd00299"><i>{{guests.length}}</i></div>
        <div class="sidelines-list">
            <div class="sidelines-box">
                <div class="sidelines-item" v-for="guest in guests">
                    <div class="sidelines-path"><img v-bind:src="guest.avatar">
                    </div>
                    <div class="sidelines-info">
                        <div class="sidelines-name">{{guest.nickname}}</div>
                    </div>
                    <div class="sidelines-icon"></div>
                </div>
            </div>
        </div>
        <div class="sidelines-btn">
            <div class="sidelines-join-game pdd00300" v-show="showSitdownButton" v-on:click="sitDown"></div>
            
            <div class="sidelines-look-game" v-show="showWatchButton" v-on:click="guestRoom"><img
                    src="/files/images/common/guset-room.png"></div>
        </div>
        <div class="sidelines-close" v-on:click="hideGuests"></div>
    </div>


    
    <div v-show="isShowIndiv" class="indiv-mask">
        <div class="indiv-box">
            <div class="indiv-box-info">
                <div class="hide-indiv" @click="hideIndiv()"></div>
                <div class="indiv-title"></div>
                <div class="enter-indiv">
                    <input type="text" placeholder="请输入" v-model="inputIndiv" v-on:blur="blurIpt">
                </div>
                <div class="confirm-indiv" @click="showIndivConfirm()"></div>
            </div>
        </div>
    </div>

    <div v-show="isShowQr" class="indiv-mask">
        <div class="qrcode-box">
            <div class="hide-qrcode" @click="hideQr()"></div>
            <div id="qrcodeId" class="qrcode-box-info">
                <img v-bind:src="globalData.qrUrl" width="97%"/>
            </div>
        </div>
    </div>

    
    <div v-if="isShowIndivConfirm" class="indiv-mask">
        <div class="indiv-box"
             style="width: 80vw;background: url(/files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
            <div class="indiv-box-info">
                <div class="hide-indiv" @click="hideIndivConfirm()"></div>
                <div class="indiv-title"></div>
                <div class="tip-text"></div>
                <div class="btn-indiv" @click="hideIndivConfirm()"></div>
                <div class="confirm-indiv2" @click="setIndividuality()"></div>
            </div>
        </div>
    </div>


    
    <div v-if="isShowIndividuality" class="indiv-mask">
        <div class="indiv-box" style="background: url(/files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
            <div class="indiv-box-info">
                <div class="hide-indiv" @click="hideIndiv()"></div>
                <div class="indiv-title"></div>
                <div class="indiv-content">
                    <div class="person-info">
                        <img :src="userData.avatar" class="avatar">
                        <div class="name">{{userData.nickname}}</div>
                        <div class="id pdd00301"> {{userData.userCode}}</div>
                    </div>
                    <img src="/files/images/daoyou/package/line.jpg"
                         style="width: 90%;margin-left: 5%;margin-top: 0.1rem;">
                    <div class="my-indiv">
                        <span class="label pdd00250"></span>
                        <span class="my-indiv-text">{{userData.individuality}}</span>
                    </div>
                    <div class="pdd00302" style="font-size: 0.15rem;margin-left: 4vw;color: #8a6737"></div>
                </div>
            </div>
        </div>
    </div>

    
    <div class="showOnceIndiv" v-show="showOnceIndiv"
         style="background: url(/files/images/daoyou/game/indiv_bg.png);background-size: 100% 100%;">
        <div style="position:relative;">
            <div class="pdd00303" style="position: absolute;color: rgb(245, 155, 126);top: 0.3rem;left: 1.1rem;"></div>
            <div class="pdd00304" style="position:absolute;color: #000;top: 0.5rem;height: 0.25rem;line-height: 0.25rem;left: 0.9rem;width: 1.1rem;text-align: center;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
                {{userData.individuality}}
            </div>
        </div>
    </div>

    <div id="gameBottom"></div>
    <div class="top flex-cont" v-if="globalData.maxCount<13">
        <div class="left">
            <img src="/files/images/common/roomCard.png">
            <span>{{userData.card}}</span>
        </div>
        <div class="flex-item pdd00305"><span>{{game.round}}</span>/<span>{{game.total_num}}</span></div>
        <div class="right">
            <div class="rules-focus">
                <span v-on:click="sendToChat" class="return-index"></span>
                <span class="watch" v-on:click="showGuests">
                    <i class="guestNum">{{guests.length}}</i>
                </span>
            </div>
        </div>
    </div>
    <div class="icon-more-mask" @click="hideIconMore"></div>
    <div class="icon-more" @click="showIconMore">
        <span class="game-indiv" v-on:click="showIndiv"></span>
        <span class="game-rule" v-on:click="showGameRule"></span>
        <span class="game-sound" v-on:click="showAudioSetting">
        </span>
    </div>
    <div class="bottom-box" v-if="globalData.maxCount>10">
        
        <img class="toChat" src="/files/images/daoyou/hall/btn_chat.png" v-on:click="goToChat">
        
        <img class="qrcode" src="/files/images/common/erweima.png" onclick="makeQrCode()">
        <div class="game-round" v-if="globalData.maxCount>10">
            <span>{{game.round}}</span>/<span>{{game.total_num}}</span><span class="pdd00305"></span>
        </div>
        <div class="game-points pdd00306 pdd00307" v-if="globalData.maxCount>10"><span>{{base_score}}</span></div>
        <img class="bottomTab" src="/fiesc/images/nbull/bottom.png" alt="">
        <div class="bottomRoomCard">
            <img src="/files/images/common/roomCard.png"/>
            <div class="num">
                <div style="position: relative;padding: 0 1.5vh 0 5vh;">{{userData.card}}</div>
            </div>
        </div>
        <span class="bottomWatch" v-on:click="showGuests">
            <i class="guestNum">{{guests.length}}</i>
        </span>

        
        <img class="bottomHome" src="/files/images/common/return-index3.png" v-on:click="showHomeAlert"/>
        <img class="bottomMessage" src="/files/images/common/game-chat02.png" v-on:click="showMessage">
    </div>

    <div class="points" v-if="globalData.maxCount<13"><span class="pdd00306"></span><span>{{base_score}}</span><span class="pdd00307"></div>
    <div class="chat" v-on:click="showMessage" v-if="globalData.maxCount<13"></div>


    <div class="disconnect" v-show="!connectOrNot"
         style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101">
        <div style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;"></div>
        <a class="pdd00416" style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;"></a></div>


    
    <img v-if="globalData.maxCount<13" class="hall" src="/files/images/common/return-index3.png"
         v-on:click="showHomeAlert">

    
    <div :class="'auto-ready'+globalData.maxCount" v-on:click="autoReady()" v-if="isWatching!=1">
        <img v-show="appData.isAutoReady==1" src="/files/images/common/ready_false4.png">
        <img v-show="appData.isAutoReady==0" src="/files/images/common/ready_true3.png">
    </div>
    
    <map name="planetmap" id="planetmap">
        <area shape="rect" v-bind:coords="'0,0,' + width/3.2 + ',' + width/8" class="showRanking"/>
        <area shape="rect" v-bind:coords="width/3*2 + ',0,' + width + ',' + width/8" v-on:click="showMessage"/>
    </map>

    
    <div class="alert" id="valert" v-show="isShowAlert">
        <div class="alertBack"></div>
        <div class="mainPart">
            <div class="backImg"
                 style="background: url(/files/images/daoyou/common/back_home_box.png) !important; background-size: 100% 100% !important;">
                <div class="blackImg" style="background: transparent;"></div>
            </div>

            <div class="alertText">
                <div class="rull" v-show="alertType==4" style="font-size: 2.2vh"><span class="pdd00308"></span><a v-if="ruleInfo.banker_mode==1" class="pdd00309"></a>
                    <a v-if="ruleInfo.banker_mode==2" class="pdd00310"></a>
                    <a v-if="ruleInfo.banker_mode==3" class="pdd00311"></a>
                    <a v-if="ruleInfo.banker_mode==4" class="pdd00312"></a>
                    <a v-if="ruleInfo.banker_mode==5" class="pdd00313"></a><br>
                    <span class="pdd00314"></span><a v-if="ruleInfo.baseScore==1" class="pdd00315"></a>
                    <a v-if="ruleInfo.baseScore==2" class="pdd00316"></a>
                    <a v-if="ruleInfo.baseScore==3" class="pdd00317"></a>
                    <a v-if="ruleInfo.baseScore==4" class="pdd00318"></a>
                    <a v-if="ruleInfo.baseScore==5" class="pdd00319"></a>
                    <span class="pdd00320"></span>
                    <a v-if="ruleInfo.timesType==1" class="pdd00321"></a>

                    <a v-if="ruleInfo.timesType==2" class="pdd00322"></a>

                    <a v-if="ruleInfo.isCardbomb==1||ruleInfo.isCardtiny==1||ruleInfo.isCardfive==1||ruleInfo.isCardfour==1||ruleInfo.isCardStraight==1||ruleInfo.isCardFlush==1||ruleInfo.isCardSequence==1||ruleInfo.isCardCalabash==1" class="pdd00323"</a>
                    <a v-if="ruleInfo.isCardfour==1" class="pdd00324"></a>
                    <a v-if="ruleInfo.is_cardtinyfour==1" class="pdd00325"></a>
                    <a v-if="ruleInfo.isCardStraight==1" class="pdd00326"></a>
                    <a v-if="ruleInfo.isCardfive==1" class="pdd00327"></a>
                    <a v-if="ruleInfo.isCardFlush==1" class="pdd00328"></a>
                    <a v-if="ruleInfo.isCardCalabash==1" class="pdd00329"></a>
                    <a v-if="ruleInfo.isCardbomb==1" class="pdd00330"></a>
                    <a v-if="ruleInfo.isCardtiny==1" class="pdd00331"></a>
                    <a v-if="ruleInfo.isCardSequence==1" class="pdd00332"></a>
                    <a v-if="ruleInfo.is_cardnbomb==1" class="pdd00333"></a>
                    <a v-if="ruleInfo.isCardbomb==1||ruleInfo.isCardtiny==1||ruleInfo.isCardfive==1||ruleInfo.isCardfour==1||ruleInfo.isCardStraight==1||ruleInfo.isCardFlush==1||ruleInfo.isCardSequence==1||ruleInfo.isCardCalabash==1"><br></a>
                    <span class="pdd00334"></span>
                    <a class="pdd00335">{{game.total_num}}</a><br>
                    <span v-if="ruleInfo.banker_mode==5" class="pdd00336">
                        <a v-if="ruleInfo.banker_score==1" class="pdd00337"></a>
                        <a v-if="ruleInfo.banker_score==2" class="pdd00338"></a>
                        <a v-if="ruleInfo.banker_score==3" class="pdd00339"></a>
                        <a v-if="ruleInfo.banker_score==4" class="pdd00340"></a><br></span>
                    <span class="pdd00131"></span>
                    <a v-if="ruleInfo.bet_type==0" class="pdd00341"></a>
                    <a v-if="ruleInfo.bet_type==1" class="pdd00342"></a>
                    <a v-if="ruleInfo.bet_type==2" class="pdd00343"></a>
                    <p v-if="ruleInfo.bet_type==4" class="pdd00344"></p>
                    <a v-if="ruleInfo.bet_type==3" class="pdd00345"></a>
                    <a v-if="ruleInfo.bet_type==5" class="pdd00346"></a>
                </div>

                <div v-if="alertType==8" style="font-size: 2.2vh">
                    <div class="pdd00347"></div>
                    <div style="height: 6.6vh;">
                        <img v-bind:src="ownerUser.avatar"
                             style="position: relative; width: 5vh;height: 5vh;border: .1vh solid yellow;top: .5vh;">
                        <span style="position: relative; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;top: -1.4vh;overflow: hidden;">{{ownerUser.nickname}}</span>

                    </div>
                </div>

                <div style="color: rgb(149,100,77);">{{alertText}}</div>

                <div v-if="alertType==8"
                     style="position: absolute;width:100%;line-height: 4.2vh;height: 4.2vh;width: 14vh;left:50%;margin-left:-7vh;text-align: center;overflow: hidden;">
                    <div class="pdd00412" v-show="applyStatus==0" style="border-radius: 2vh;background-color: #EE7942;color: #fff"
                         v-on:click="applyToJoin">
                    </div>
                    <div class="pdd00413" v-show="applyStatus==1" style="border-radius: 2vh;background-color: #6f6363;color: #fff">
                    </div>
                </div>


            </div>

            <div v-show="alertType==2">
                <div class="buttonMiddle pdd00348" v-on:click="hall"></div>
            </div>
            <div v-show="alertType==3">
                <div class="buttonLeft pdd00348" v-on:click="hall"></div>
                <div class="buttonRight pdd00349" v-on:click="closeAlert"></div>
            </div>

            
            <div v-show="alertType==4" class="button">

            </div>

            <div v-show="alertType==7">
                <div class="buttonMiddle pdd00348" v-on:click="hall"></div>
            </div>
            <div v-show="alertType==8">
            </div>
            <div v-show="alertType==9">
                <div class="buttonMiddle pdd00350" v-on:click="showBreakRoom"></div>
            </div>
            <div v-show="alertType==10">
                <div class="buttonLeft pdd00349" v-on:click="closeAlert"></div>
                <div class="buttonRight pdd00350" v-on:click="confirmBreakRoom"></div>
            </div>
            <div v-show="alertType==11">
                <div class="buttonMiddle pdd00351" v-on:click="closeAlert"></div>
            </div>
            <div v-show="alertType==21">
                <div class="buttonMiddle pdd00350" v-on:click="closeAlert"></div>
            </div>
            <div v-show="alertType==22">
                <div class="buttonMiddle pdd00350" v-on:click="closeAlert"></div>
            </div>

            <div v-show="alertType==31">
                <div class="buttonMiddle pdd00350" v-on:click="reloadView()"></div>
            </div>
        </div>
    </div>

    <div class="alertTip" v-show="isShowAlertTip">
        <div class="alertTipBG"></div>
        <img src="/fiesc/images/common/alertTipOk.png" v-show="alertTipType==1">
        <img src="/fiesc/images/common/alertTipWarn.png" v-show="alertTipType==2">
        <div class="alertTipText" style="font-size: .16rem;">{{alertTipText}}</div>
    </div>

    <div v-show="isShowApply" style="color: #000;">
        <div class="applyMask" style="width: 100%;height: 100%;position: fixed;background: #000;z-index: 111;"></div>
        <div style="background: url(/files/images/daoyou/common/back_home_box.png);background-size: 100% 100%;position: fixed;top: 50%;left: 50%;z-index: 111;transform: translate(-50%,-50%);    width: 76vw;height: 30vh">
            <img src="/files/images/daoyou/common/btn_close.png"
                 style="position: absolute;right: -3vw;top: -2vh;width: 10vw;" @click="hall">
            <div class="pdd00352" style="margin-top: 5vh;text-align: center;"></div>
            <div style="position: relative;height: 10vh;">
                <img :src="applyInfo.club_headimgurl"
                     style="width: 12vw;position: absolute;left: 18vw;top: 50%;transform: translateY(-50%);">
                <span style="position: absolute;left: 34vw;top: 50%;transform: translateY(-50%);">{{applyInfo.club_name}}</span>
            </div>
            <div class="pdd00353" style="text-align: center"></div>
            <img src="/files/images/daoyou/package/line.jpg"
                 style="    position: absolute;left: 50%;transform: translateX(-50%);margin-top: 1vh;width: 84%;">
            <div style="background: url(/files/images/daoyou/common/btn_bg.png);background-size: 100% 100%;width: 24vw;height: 4vh;
                    position: relative;
                    top: 2.5vh;
                    left: 50%;
                    transform: translateX(-50%);color: #fff;text-align: center;
                    line-height: 4vh;
                    font-size: 16px;
                    }" @click="applyClub()">
                {{applyInfo.status}}
            </div>
        </div>
    </div>

        <div class="table" id="table" style="position: relative; width: 100%; height: 100%; z-index: 80; overflow: hidden;"
         v-on:click="confirmAudioSetting('1')">
        <img class="tableBack" src="/files/images/table/table.jpg"
             style="position: absolute;top:0;left: 0;width: 100vw;height: 100vh"/>
        <img class="tableBack" v-bind:src="'/files/images/hall/'+globalData.hallEname+'/hall-name.png'"
             style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.4rem;height: 0.4rem;"/>
        <div class="roomNum"
             style="position: absolute;top: 40%;left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;"><span class="pdd00354"></span>
            {{globalData.roomNumber}}
        </div>
        <div style="position: absolute;color: #fff;font-size: 0.15rem;"
             :style="globalData.maxCount>=13?'top: 4%;left: 50%;transform: translateX(-50%);':'top: 8%;left: 2%;'" ><span class="pdd00414"></span>
            {{userData.userCode}}
        </div>

        
        <div class="cardDeal">
            <div v-for="p in player"
                 v-show="p.account_id>0&&p.account_status>2&&p.account_status<8&&(p.num!=1||(p.account_status!=7&&p.account_status!=8&&!player[0].is_showCard))&&(game.cardDeal>0)">
                <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '1'" style="z-index: 14;"
                     v-show="game.cardDeal>0"></div>
                <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '2'" style="z-index: 13;"
                     v-show="game.cardDeal>1"></div>
                <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '3'" style="z-index: 12;"
                     v-show="game.cardDeal>2"></div>
                <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '4'" style="z-index: 11;"
                     v-show="game.cardDeal>3"></div>
                <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '5'" style="z-index: 10;"
                     v-show="game.cardDeal>4"></div>
            </div>

            
            <div class="myCards"
                 v-show="player[0].is_showCard&&player[0].account_status>2&&player[0].account_status<=7&&game.show_card">
                <div class="cards3D">
                    <div class="cards card0" v-show="player[0].account_status >2 && player[0].account_status <= 7">
                        <div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
                        <div class="face back" v-bind:class="'card' + player[0].card[0]"></div>
                    </div>

                    <div class="cards card1" v-show="player[0].account_status >2 && player[0].account_status <= 7">
                        <div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
                        <div class="face back" v-bind:class="'card' + player[0].card[1]"></div>
                    </div>

                    <div class="cards card2" v-show="player[0].account_status >2 && player[0].account_status <= 7">
                        <div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
                        <div class="face back" v-bind:class="'card' + player[0].card[2]"></div>
                    </div>

                    <div class="cards card3" v-show="player[0].account_status >2 && player[0].account_status <= 7">
                        <div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"
                             v-on:click="seeMyCard4"></div>
                        <div class="face back" v-bind:class="'card' + player[0].card[3]"></div>
                    </div>

                    <div class="cards card4" v-show="player[0].account_status >2 && player[0].account_status <= 7">
                        <div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"
                             v-on:click="seeMyCard5"></div>
                        <div class="face back" v-bind:class="'card' + player[0].card[4]"></div>
                    </div>
                </div>
            </div>

            
            <div class="myCards"
                 v-show="player[0].is_showCard&&player[0].account_status==8&&game.show_card&&player[0].card_open.length>0">
                <div class="cards card00">
                    <div class="face back" v-bind:class="'card' + player[0].card_open[0]"
                         style="-webkit-transform: rotateY(0deg);"></div>
                </div>

                <div class="cards card01">
                    <div class="face back" v-bind:class="'card' + player[0].card_open[1]"
                         style="-webkit-transform: rotateY(0deg);"></div>
                </div>

                <div class="cards card02">
                    <div class="face back" v-bind:class="'card' + player[0].card_open[2]"
                         style="-webkit-transform: rotateY(0deg);"></div>
                </div>

                <div class="cards card03">
                    <div class="face back" v-bind:class="'card' + player[0].card_open[3]"
                         style="-webkit-transform: rotateY(0deg);"></div>
                </div>

                <div class="cards card04">
                    <div class="face back" v-bind:class="'card' + player[0].card_open[4]"
                         style="-webkit-transform: rotateY(0deg);"></div>
                </div>
            </div>
        </div>

        

        <div class="cardOver" style="position: absolute; width: 100%; height: 100%; overflow:hidden;">
            <div v-for="p in player" v-if="p.num!=1" v-show="p.account_status>=8&&p.card_open.length>0&&game.show_card">
                <div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '11'" style="z-index: 14;">
                    <div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[4]"></div>
                </div>

                <div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '21'" style="z-index: 13">
                    <div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[3]"></div>
                </div>

                <div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '31'" style="z-index: 12">
                    <div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[2]"></div>
                </div>

                <div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '41'" style="z-index: 11">
                    <div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[1]"></div>
                </div>

                <div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '51'" style="z-index: 10">
                    <div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
                    <div class="face back" v-bind:class="'card' + p.card_open[0]"></div>
                </div>
            </div>
        </div>

        
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode!=2"
             v-bind:class="{true:'memberGoText' + p.num,false:'memberFreeRobText' + p.num}[ruleInfo.banker_mode==5]"
             v-show="p.account_status==4||p.account_status==5">
            <img v-bind:src="p.robImg" style="position: absolute; width: 100%;">
        </div>

        
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2" v-bind:class="'memberRobText' + p.num"
             v-show="p.account_status==4||p.account_status==5">
            <img v-bind:src="p.robImg" style="position: absolute;  width: 100%;">
        </div>
        <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2" v-bind:class="'memberRobTimes' + p.num"
             v-show="p.account_status==5&&p.bankerMultiples>=1">
            <img v-bind:src="p.bankerTimesImg" style="position: absolute; width: 100%;">
        </div>

        
        <div v-for="p in player" v-if="ruleInfo.banker_mode!=4" v-bind:class="'memberTimesText' + p.num"
             v-show="p.account_status>=6&&game.show_card&&!p.is_banker&&p.multiples>0">
            <img v-bind:src="p.timesImg" style="position: absolute; width: 100%;">
        </div>

        
        <div v-for="p in player" v-if="ruleInfo.banker_mode==2" v-bind:class="'memberTimesText' + p.num"
             v-show="p.account_status>=5&&game.show_card&&p.is_banker&&p.bankerMultiples>0">
            <img v-bind:src="p.bankerTimesImg" style="position: absolute; width: 100%;">
        </div>

        
        <div v-for="p in player" style="width:16.57vh;" v-bind:class="'memberBull' + p.num"
             v-show="p.account_status==8&&game.show_card&&p.bullImg.length>=1" :style="p.num==1?'z-index: 9999999;':''">
            <img v-bind:src="p.bullImg" style="position: absolute; top: -6px; width: 100%;"
                 :style="p.num==1?'top:45px':''">
        </div>

        
        <div v-for="p in player" class="memberScoreText" v-bind:class="'memberScoreText' + p.num"
             v-show="game.show_score" style="display: none;">
            <p v-show="p.single_score<0&&p.account_status>=8"
               style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; color: white;">
                {{p.single_score}}</p>
            <p v-show="p.single_score>0&&p.account_status>=8"
               style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
                +{{p.single_score}}</p>
            <p v-show="p.single_score==0&&p.account_status>=8"
               style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
                0</p>
        </div>
        <div v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id<=0">
            
            
            <div class="quitBack" style="" v-on:click="sitDown(p.serial_num)">
                <img :src="'/files/images/daoyou/seat/seat' + p.serial_num + '.png'">
            </div>
        </div>
        
        <div v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num+ ' pos'+ p.account_id"
             v-show="p.account_id>0" v-on:click="sendGitViewShow(p.account_id,p)">
            
            <img v-bind:src="p.headimgurl" class="avatar">
            <img v-if="p.head_kw!=''" :src="'/files/images/daoyou/shop/head/' + p.head_kw + '.png'" class="headKw">
            <img src="/fiesc/images/nbull/player_selected.png" class="banker" v-show="p.is_banker">

            <div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
                <div class="bname" style="text-align: center;overflow: hidden;">{{p.nickname}}</div>
                <div class="bscore" style="text-align: center;overflow: hidden;">{{p.account_score}}</div>
            </div>

            <img v-bind:id="'banker' + p.account_id" src="/fiesc/images/nbull/banker_bg.png" class="background"
                 style="position: absolute; top: -0.2vh;left: -0.2vh;width: 7.86vh; height: 7.86vh; display: none;"/>
            <img :src="'/files/images/daoyou/seat/seatName' + p.serial_num + '.png'" class="seatName"
                 style="position: absolute;left: 0vh;width: 0.32rem;bottom: 0.32rem;">

            <img src="/fiesc/images/bull/banker_icon.png" class="background"
                 style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;" v-show="p.is_banker">

            <img v-bind:id="'bankerAnimate2' + p.num" src="/fiesc/images/nbull/banker_animate.png"
                 style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">
            <img v-bind:id="'bankerAnimate1' + p.num" src="/fiesc/images/nbull/banker_animate.png"
                 style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">

            
            <div class="quitBack2" v-show="p.num>1&&p.online_status==0">
                <img src="/files/images/common/off_line.png" style="">
            </div>

            <div class="isReady" v-show="game.round!=game.total_num&&p.account_status==2&&p.num!=1">
                <img src="/files/images/daoyou/common/ready_text.png" class="ready"/>
            </div>

            <div style="background-color: #fff;width:30px;height:30px;position:absolute;color:#000;left:50%;z-index:99;top:30%;line-height:30px;
            font-size:2em;transform:translate(-50%, -50%);" v-show="p.kind>=0">{{p.kind}}
            </div>
        </div>

        
        <div id="playerCoins" style="display: none;">
            <div v-for='p in player'>
                <div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
                    <img src="/files/images/daoyou/common/coin.png"
                         style="position: absolute; width: 100%; height: 100%">
                </div>
            </div>
        </div>

        
        <div v-for="p in player">
            <div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
                <div>{{p.messageText}}</div>
                <div class="triangle"></div>
            </div>
        </div>

        
        <div id="divRobBankerText" v-show="showClockRobText&&ruleInfo.banker_mode!=4"
             v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
            <p class="s-text"
               style="color: white; font-size: 2vh;width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
                {{ruleInfo.bankerText}}</p>
        </div>
        
        <div id="divBetText" v-show="showClockBetText"
             v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
            <p class="s-text pdd00355"
               style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
                </p>
        </div>
        
        <div id="divBetText" v-show="showClockShowCard"
             v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
            <p class="s-text pdd00356"
               style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
                </p>
        </div>
        <div class="allow-rubcard"
             v-show="showClockShowCard&&ruleInfo.can_rub == 1&&appData.player[0].account_status==7&&isWatching!=1">
            <div class="cuocard" v-bind:class="'card' + player[0].card[4]"></div>
            <div class="cuopai" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
        </div>
        
        <div id="" class="clock" v-show="game.time>-1"
             style="position: absolute; top: 32%; left:50%;transform: translateX(-50%); width: 76px; height: 74px;z-index: 2;">
            <img src="/files/images/daoyou/common/clock.png"
                 style="position: absolute; width: 100%; height: 100%;"/>
            <p style="position: absolute;top: 8px;left: 0px;width: 76px; height: 60px;color: #f7ce46;text-align: center;font-weight: bolder;line-height: 60px;font-size: 24px;">
                {{game.time}}
            </p>
        </div>

        
        <div class="playerPK" v-show="isBankerKill">
            <div class="pkBack"></div>
            <img src="/files/images/flower/comE.gif" class="pkE"/>
            <img src="/files/images/daoyou/game/comV.png" class="pkV"/>
            <img src="/files/images/daoyou/game/comS.png" class="pkS"/>
        </div>

        
        <div id="operationButton" v-bind:style="viewStyle.button">

            <div v-show="game.round!=game.total_num" v-bind:style="viewStyle.readyText">
                <img src="/files/images/daoyou/common/ready_text.png" style="width: 100%;"
                     v-show="player[0].account_status==2"/>
            </div>
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
                 v-show="game.round!=game.total_num" v-bind:style="viewStyle.readyButton">
                <img src="/fiesc/images/common/ready_button.png" style="width: 100%;"
                     v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&player[0].account_id>0&&canBreak!=1"
                     v-on:click="imReady"/>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
                 v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="robBanker(1)" v-bind:style="viewStyle.rob">
                <img src="/fiesc/images/bull/button_orange.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.rob1" class="pdd00357"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
                 v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="notRobBanker" v-bind:style="viewStyle.notRob">
                <img src="/fiesc/images/bull/button_blue.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.notRob1" class="pdd00358"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
                 v-show="showRob&&ruleInfo.banker_mode==5&&game.round==1" v-on:click="robBanker(1)"
                 v-bind:style="viewStyle.rob">
                <img src="/fiesc/images/bull/button_orange.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.rob1" class="pdd00359"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
                 v-show="showRob&&ruleInfo.banker_mode==5&&game.round==1" v-on:click="notRobBanker"
                 v-bind:style="viewStyle.notRob">
                <img src="/fiesc/images/bull/button_blue.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.notRob1" class="pdd00360"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
                 v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker"
                 v-on:click="clickGameOver" v-bind:style="viewStyle.rob">
                <img src="/fiesc/images/bull/button_blue.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.notRob1" class="pdd00361"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1"
                 v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker"
                 v-on:click="imReady" v-bind:style="viewStyle.notRob">
                <img src="/fiesc/images/bull/button_orange.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.rob1" class="pdd00362"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="robBanker(1)" v-bind:style="viewStyle.times1">
                <img src="/fiesc/images/bull/button_times.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.timesText" class="pdd00363"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="robBanker(2)" v-bind:style="viewStyle.times2">
                <img src="/fiesc/images/bull/button_times.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.timesText" class="pdd00364"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="robBanker(4)" v-bind:style="viewStyle.times3">
                <img src="/fiesc/images/bull/button_times.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.timesText" class="pdd00365"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showRob&&ruleInfo.banker_mode==2" v-on:click="notRobBanker" v-bind:style="viewStyle.times4">
                <img src="/fiesc/images/bull/button_times_blue1.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div v-bind:style="viewStyle.timesText" class="pdd00358"></div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" id="showShowCardButton"
                 v-show="showShowCardButton" v-on:click="showCard" v-bind:style="viewStyle.showCard">
                <img src="/fiesc/images/bull13/niuniu-showdown.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">

            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showTimesCoin&&!player[0].multiples>0 && !player[0].is_banker&&player[0].account_status>=6"
                 v-on:click="selectTimesCoin(coinList[0])" v-bind:style="viewStyle.times1">
                <img src="/fiesc/images/bull/button_times.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div class="pdd00366" v-bind:style="viewStyle.timesText">{{coinList[0]}}</div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showTimesCoin&&!player[0].multiples>0&& !player[0].is_banker&&player[0].account_status>=6"
                 v-on:click="selectTimesCoin(coinList[1])" v-bind:style="viewStyle.times2">
                <img src="/fiesc/images/bull/button_times.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div class="pdd00366" v-bind:style="viewStyle.timesText">{{coinList[1]}}</div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showTimesCoin&&!player[0].multiples>0&& !player[0].is_banker&&player[0].account_status>=6"
                 v-on:click="selectTimesCoin(coinList[2])" v-bind:style="viewStyle.times3">
                <img src="/fiesc/images/bull/button_times.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div class="pdd00366" v-bind:style="viewStyle.timesText">{{coinList[2]}}</div>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="divCoin"
                 v-show="showTimesCoin&&!player[0].multiples>0&& !player[0].is_banker&&player[0].account_status>=6"
                 v-on:click="selectTimesCoin(coinList[3])" v-bind:style="viewStyle.times4">
                <img src="/fiesc/images/bull/button_times.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                <div class="pdd00366" v-bind:style="viewStyle.timesText">{{coinList[3]}}</div>
            </div>

            
            <div v-if="showRobText&&ruleInfo.banker_mode!=5&&ruleInfo.banker_mode!=2" v-bind:style="viewStyle.robText">
                <img src="/fiesc/images/bull/text_rob.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            <div v-if="showRobText&&ruleInfo.banker_mode==2" v-bind:style="viewStyle.robText2">
                <img src="/fiesc/images/bull/text_rob.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            <div v-if="showRobText&&ruleInfo.banker_mode==2&&player[0].bankerMultiples>0"
                 v-bind:style="viewStyle.robTimesText">
                <img v-bind:src="player[0].bankerTimesImg"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            
            <div v-if="showNotRobText&&ruleInfo.banker_mode!=5" v-bind:style="viewStyle.notRobText">
                <img src="/fiesc/images/bull/text_notrob.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            
            <div v-if="showRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.robText">
                <img src="/fiesc/images/bull/text_go.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            
            <div v-if="showNotRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.notRobText">
                <img src="/fiesc/images/bull/text_notgo.png"
                     style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
            </div>

            
            <div v-show="showBankerCoinText" v-bind:style="viewStyle.coinText">
                <p class="s-text pdd00367" v-bind:style="viewStyle.coinText1"></p>
            </div>

            
            <div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" v-show="showClickShowCard"
                 v-bind:style="viewStyle.showCardText">
                <p class="w-text pdd00368" v-bind:style="viewStyle.showCardText1"></p>
            </div>
        </div>
    </div>


    
    <div class="chat-list-mask" v-on:click="hideMessage" v-show="isShowNewMessage"></div>
    <div class="chat-list" id="newmessage-box" v-show="isShowNewMessage">
        <ul class="chat-list-ul">
            <li v-on:click="messageOn(0)" class="pdd00369"></li>
            <li v-on:click="messageOn(1)" class="pdd00370"></li>
            <li v-on:click="messageOn(2)" class="pdd00371"></li>
            <li v-on:click="messageOn(3)" class="pdd00372"></li>
            <li v-on:click="messageOn(4)" class="pdd00373"></li>
            <li v-on:click="messageOn(5)" class="pdd00374"></li>
            <li v-on:click="messageOn(6)" class="pdd00375"></li>
            <li v-on:click="messageOn(7)" class="pdd00376"></li>
            <li v-on:click="messageOn(8)" class="pdd00377"></li>
            <li v-on:click="messageOn(9)" class="pdd00378"></li>
            <li v-on:click="messageOn(10)" class="pdd00379"></li>
            <li v-on:click="messageOn(11)" class="pdd00380"></li>
            <li v-on:click="messageOn(12)" class="pdd00381"></li>
        </ul>
    </div>
    
    <div class="message" v-show="isShowMessage">
        <div class="messageBack" v-on:click="hideMessage"></div>
        <div class="textPartOuter"></div>
        <div id="message-box" class="textPart" v-bind:style="'height: ' + 0.39 * height + 'px;'">
            <div id="scroll-box" class="textList" style="width: 100%;">
                <div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
            </div>
        </div>
    </div>

    <div class="window-masks return-index" id="returnIndex" v-show="isShowHomeAlert">
        <div class="border-opacity" style="">
            <div class="container" style="background: none;"><i class="mask-icon mask-top"></i><i
                    class="mask-icon mask-right"></i><i
                    class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
                <div class="main pdd00382"></div>
                <div class="button">
                    <div class="sure pdd00383" id="returnIndexBtn" v-on:click="hall"></div>
                    <div class="cancel pdd00384" id="cancelBtn" v-on:click="closeHomeAlert"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="window-masks return-index" id="returnIndex" v-show="alertType==2 && isShowAlert">
        <div class="border-opacity">
            <div class="container f-cb"><i class="mask-icon mask-top"></i><i class="mask-icon mask-right"></i><i
                    class="mask-icon mask-bottom"></i><i class="mask-icon mask-left"></i>
                <div class="main">{{alertText}}</div>
                <div class="button">
                    <div class="sure pdd00383" id="returnIndexBtn" v-on:click="hall"></div>
                    <div class="sure pdd00385" id="returnIndexBtn" v-show="joinType==1||joinType==3" v-on:click="guestRoom">                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <div class="rules-daoyou-mask" v-show="ruleInfo.isShowNewRule" v-on:click="cancelGameRule">
        <div class="content">
            <div class="rule-title pdd00386"></div>
            <div class="niuniu-rules">
                <div class="flex-cont color-value">
                    <span></span>&nbsp;&gt;&nbsp;<span></span>&nbsp;&gt;&nbsp;<span></span>&nbsp;&gt;&nbsp;<span></span>&nbsp;&gt;&nbsp;<span></span>
                </div>
                <div class="flex-cont" data-pos="0">
                    <div class="name pdd00387"></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==1"><span class="zhuangType pdd00388"></span></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==2"><span class="zhuangType pdd00389"></span></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==3"><span class="zhuangType pdd00390"></span></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==4"><span class="zhuangType pdd00391"></span></div>
                    <div class="flex-item" v-if="ruleInfo.banker_mode==5"><span class="zhuangType pdd00392"></span></div>
                </div>
                <div class="flex-cont" data-pos="1">
                    <div class="name pdd00393"></div>
                    <div class="flex-item"><span class="pdd00394">{{ruleInfo.baseScore}}</span></div>
                </div>
                <div class="flex-cont" data-pos="2">
                    <div class="name pdd00320"></div>
                    <div v-if="ruleInfo.timesType==1" class="flex-item"><span class="pdd00321"></span></div>
                    <div v-if="ruleInfo.timesType==2" class="flex-item"><span class="pdd00322"></span></div>
                </div>
                <div class="flex-cont" data-pos="8" v-if="ruleInfo.laizi_num>0">
                    <div class="name pdd00395"></div>
                    <div class="flex-item"><span class="pdd00396">{{ruleInfo.laizi_num}}</span></div>
                </div>
                <div class="flex-cont" data-pos="4">
                    <div class="name pdd00397"></div>
                    <div class="flex-item"><span class="pdd00398">{{game.total_num}}</span></div>
                    
                </div>
                <div class="flex-cont" data-pos="7">
                    <div class="name pdd00399"></div>
                    <div class="flex-item pdd00400"></div>
                    <div class="flex-item pdd00401" v-if="ruleInfo.can_rub==1"></div>
                </div>
                <div class="flex-cont" data-pos="5" style="display: none;">
                    <div class="name pdd00402"></div>
                    <div class="flex-item pdd00337" v-if="ruleInfo.banker_score==1"></div>
                    <div class="flex-item pdd00338" v-if="ruleInfo.banker_score==2"></div>
                    <div class="flex-item pdd00339" v-if="ruleInfo.banker_score==3"></div>
                    <div class="flex-item pdd00340" v-if="ruleInfo.banker_score==4"></div>
                </div>
                <div class="flex-cont" data-pos="6">
                    <div class="name pdd00403"></div>
                    <div class="flex-item pdd00341" v-if="ruleInfo.bet_type==0"></div>
                    <div class="flex-item pdd00342" v-if="ruleInfo.bet_type==1"></div>
                    <div class="flex-item pdd00343" v-if="ruleInfo.bet_type==2"></div>
                    <div class="flex-item pdd00344" v-if="ruleInfo.bet_type==4"></div>
                    <div class="flex-item pdd00345" v-if="ruleInfo.bet_type==3"></div>
                    <div class="flex-item pdd00346" v-if="ruleInfo.bet_type==5"></div>
                </div>
                <div class="flex-cont" data-pos="7">
                    <div class="name pdd00404"></div>
                    <div class="flex-item pdd00405" v-if="ruleInfo.isLaizi==1"></div>
                    

                </div>
                <div class="flex-cont" data-pos="8">
                    <p style="width: 100%;margin: 10px;"><img src="/files/images/common/nnRule2.png?v=20192"
                                                              style="width: 100%;"></p>
                </div>


            </div>
            <div class="rules-bottom"></div>
            
        </div>
    </div>

    
    <div class="audioRoom-pj" id="vaudioRoom" v-show="editAudioInfo.isShow">
        <div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
        <div class="mainPart">
            <div class="createB"></div>
            <div class="createTitle" style="height:4vh;">
            </div>
            <img src="/files/images/common/icon-close.png" class="cancelCreate"
                 v-on:click="cancelAudioSetting"/>

            <div class="blueBack">
                <div style="height:0.5vh;"></div>

                <div class="selectPart">
                    <div class="selectTitle pdd00406"></div>
                    <div class="selectBox" v-on:click="setBackMusic">
                        <img src="/files/images/common/vol-full.png" v-show="editAudioInfo.backMusic==1">
                        <img src="/files/images/common/vol-empty.png" v-show="editAudioInfo.backMusic!=1">
                    </div>
                    <div class="selectText" v-on:click="setBackMusic">
                        <img src="/files/images/common/bg-sound-true.png" v-show="editAudioInfo.backMusic==1">
                        <img src="/files/images/common/bg-sound-false.png" v-show="editAudioInfo.backMusic!=1">
                    </div>
                </div>
                <div class="selectPart">
                    <div class="selectTitle pdd00407"></div>
                    <div class="selectBox" v-on:click="setMessageMusic">
                        <img src="/files/images/common/vol-full.png" v-show="editAudioInfo.messageMusic==1">
                        <img src="/files/images/common/vol-empty.png" v-show="editAudioInfo.messageMusic!=1">
                    </div>
                    <div class="selectText" v-on:click="setMessageMusic">
                        <img src="/files/images/common/music-true.png" v-show="editAudioInfo.messageMusic==1">
                        <img src="/files/images/common/music-false.png" v-show="editAudioInfo.messageMusic!=1">
                    </div>
                </div>
            </div>
        </div>
    </div>


    
    <div class="giftBox" v-show="isShowGiftBox" style="background-image: url(/files/images/daoyou/shop/shop_bg2.png)">
        <div style="height: 0.45rem;position: relative;">
            <img src="/files/images/daoyou/shop/title.png"
                 style="position: absolute;left: 50%;transform: translateX(-50%);width: 22vw;top: 2vw;">
        </div>
        <div style="position: relative;height: 0.7rem;font-size: 16px;">
            <img :src="opAccountInfo.headimgurl"
                 style="width: 14vw;position: absolute;left: 6vw;top: 1vw;border-radius: 6px;border: 3px solid #786560;">
            <img :src="'/files/images/daoyou/shop/sex'+opAccountInfo.sex+'.png'"
                 style="position: absolute;width: 6vw;left: 22vw;top: 2px;">
            <span style="position: absolute;left: 28vw;top: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 38vw;">{{opAccountInfo.nickname}}</span>
            <img src="/files/images/daoyou/shop/love.png" style="position: absolute;width: 6vw;top: 25px;left: 22vw;">
            <span class="pdd00408" style="position: absolute;left: 28vw;top: 25px;"> <span
                    style="color: #d58862;">{{opAccountInfo.charm_val}}</span></span>
            <img src="/files/images/daoyou/shop/liwu.png" style="position: absolute;width: 6vw;top: 46px;left: 22vw;">
            <span class="pdd00409" style="position: absolute;left: 28vw;top: 48px;"> <span
                    style="color: #d58862;">{{opAccountInfo.gift_num}}</span></span>
        </div>
        <div class="bgScroll"
             style="background: url(/files/images/daoyou/shop/box_bg2.png) no-repeat;background-size: 100% 100%;">
            <div style="margin-top: 16px;">
                <div class="giftItem" v-on:click="sendGit(item.skin_kw,item.use_num,item.per_ticket_num)"
                     v-for="item in giftToolsList"
                     style="background-image: url(/files/images/daoyou/shop/item_bg.png);background-size: 100% 100%;">
                    <div style="background: url(/files/images/daoyou/shop/love_bg.png) no-repeat;background-size: 100% 100%;  width: 40px;height: 14px;position: absolute;right: 0px;top: 6px;color: #c7415f;font-size: 12px;text-align: center;line-height: 14px;text-indent: 10;">
                        {{parseInt(item.charm_val) >= 0 ? '+' : ''}}{{item.charm_val}}
                    </div>
                    <div style="width: 100%;height: 60px;position: absolute;top: 0;overflow: hidden;">
                        <img class="giftPic" :class="giftName[item.skin_kw]"
                             :src="'/files/giftShop_dy/'+ giftName[item.skin_kw] + '/armatureName_' + giftName[item.skin_kw] + '_static.png?v=11'"/>
                    </div>
                    <div style="position: absolute;bottom: 1.5vw;width: 100%;color: #e7d27b;border-radius: 7px;text-align: center;font-size: 12px;">
                        {{item.per_ticket_num == 0 ? '' : item.per_ticket_num}}
                    </div>
                </div>
            </div>
        </div>
        <div style="height: 10px;"></div>
    </div>
    <div class="giftBg" v-on:click="sendGitViewHide()" v-show="isShowGiftBox"></div>
    <div id="qrcode" style="display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;z-index: 111">
        <div style="background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;"
             onclick="hideQrCode()"></div>
        <div style="background: url(/files/images/daoyou/indiv/box.png) no-repeat;position: relative;background-size: 100% 100%;width: 64vw;height: 80vw;left: 50%;top: 50%;transform: translate(-50%,-50%);">
            <span style="position:absolute;top: 0.1rem;left: 50%;transform: translateX(-50%); width: 70vw;text-align: center; color: #fff;font-size: 18px;" class="pdd00410"></span>
            <div id="divOne"></div>
            <img id='imgOne'
                 style="width: 50vw; height:50vw; box-sizing: border-box;position: absolute;overflow: scroll; border-radius: 4px;left: 50%;top: 48%;transform: translate(-50%,-50%);"/>
            <span style="position:absolute;bottom: 0.25rem;left: 50%;transform: translateX(-50%); width: 70vw;text-align: center; color: #fff;font-size: 16px;" class="pdd00411"></span>
        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="/fiesc/js/canvas.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="/fiesc/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/fiesc/js/bscroll.js"></script>
<script type="text/javascript" src="/fiesc/js/vue.min.js"></script>
<script type="text/javascript" src="/fiesc/js/vue-resource.min.js"></script>
<script type="text/javascript" src="/fiesc/js/bull_cn_daoyou8.js?v=20210502"></script>
<script type="text/javascript" src="/files/js/giftFunc_dy.js?v=bs2ssss21"></script>
<script type="text/javascript" src="/files/js/gitView_daoyou.js?v=1sssss23s23"></script>
<script src="/files/js/jquery.qrcode.min.js"></script>
<script src="/files/js/qrcode.js"></script>
<script src="/fiesc/js/fuzhi_xl.js?v=201280918"></script>
<script src="/fiesc/js/clipboard.min.js"></script>
<script type="text/javascript" src="/pdd2/bcuo.js?v=123"></script>
</html>